<html>
<head>

<style type="text/css">
/**
 * Blogger Archive with Pagination - Elegant Black Theme
 * Visit: http://hompimpaalaihumgambreng.blogspot.com 
 */

#toc-outer {
  font:normal 11px/12px Arial,Sans-Serif;
  color:#999;
  text-align:left;
  text-shadow:none;
  background-color:#333;
  overflow:hidden;
  -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.7);
  -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.7);
  box-shadow:0px 1px 2px rgba(0,0,0,0.7);
}

#toc-outer a {border:none;color:#3582D0;}

#loadingscript {
  padding:0px 0px;
  height:37px;
  text-indent:-9999px;
  color:transparent;
  background:transparent url('images/hompimpa-loading.gif') no-repeat 50% 50%;
  height:200px;
}

.itemposts, #itempager {
  overflow:hidden;
  padding:0px 10px 7px;
  color:#bbb;
  text-shadow:0 1px 1px rgba(0,0,0,0.3);
  border-top:1px solid #444;
  border-bottom:1px solid #222;
  background-color:#333;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#333333');
  background-image:-webkit-linear-gradient(top, #3c3c3c, #333);
  background-image:-moz-linear-gradient(top, #3c3c3c, #333);
  background-image:-o-linear-gradient(top, #3c3c3c, #333);
  background-image:linear-gradient(top, #3c3c3c, #333);
}

.itemposts h6 {
  margin:0px 0px 0px;
  padding:0px 2px 0px;
  font:bold 11px/28px 'Verdana',Arial,Sans-serif;
  line-height:28px !important;
  height:28px;
  overflow:hidden;
  color:#ccc;
  text-transform:none;
  text-shadow:0px 1px 0px black;
  border-bottom:1px solid #222;
}

.itemposts h6 a {
  color:#ccc !important;
  text-decoration:none;
}

.itemposts img {
  float:left;
  height:72px;
  width:72px;
  margin:2px 10px 2px 0px;
  padding:0px 0px;
  background:transparent;
  border:3px double #3c3c3c;
  padding:0px;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  outline:none;
}

.itemposts .iteminside {
  padding:10px 0px 10px;
  border-top:1px solid #444;
  border-bottom:1px solid #222;
  overflow:hidden;
}

.itemposts .itemfoot {
  clear:both;
  padding:5px 10px;
  color:#666;
  border-top:1px solid #444;
  overflow:hidden;
  position:relative;
}

.itemposts .itemfoot a.itemrmore {
  font-weight:bold;
  color:#3B5998;
  text-decoration:none;
  position:absolute;
  top:5px;
  right:10px;
}

.itemposts .itemfoot a.itemrmore:hover {
  text-decoration:underline;
  border-color:transparent;
}

#itempager {
  background-color:#333;
  background-image:-webkit-linear-gradient(top, #333, black);
  background-image:-moz-linear-gradient(top, #333, black);
  background-image:-ms-linear-gradient(top, #333, black);
  background-image:-o-linear-gradient(top, #333, black);
  background-image:linear-gradient(top, #333, black);
  padding:30px 0px;
}

#pagination, #totalposts {
  display:block;
  color:#ccc;
  font:bold 10px Verdana,Arial,Sans-Serif;
  padding:0px;
  margin-bottom:10px;
  text-align:center;
}

#pagination span, #pagination a {
  color:white;
  display:inline;
  margin:0 1px;
  padding:5px 10px;
  text-indent:0px;
  background-color:rgb(191,210,85);
  background-image:-webkit-linear-gradient(top, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%);
  background-image:-moz-linear-gradient(top, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%);
  background-image:-ms-linear-gradient(top, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%);
  background-image:-o-linear-gradient(top, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%);
  background-image:linear-gradient(top, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%);
  border:1px solid #5D8905;
  text-decoration:none;
  text-shadow:0px -1px 0px rgba(0,0,0,0.4);
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}
 
#pagination span.actual,
#pagination a:hover {
  background-color:rgb(181,203,59);
  background-image:-webkit-linear-gradient(top, rgba(181,203,59,1) 0%, rgba(127,165,37,1) 50%, rgba(101,152,0,1) 51%, rgba(140,180,40,1) 100%);
  background-image:-moz-linear-gradient(top, rgba(181,203,59,1) 0%, rgba(127,165,37,1) 50%, rgba(101,152,0,1) 51%, rgba(140,180,40,1) 100%);
  background-image:-ms-linear-gradient(top, rgba(181,203,59,1) 0%, rgba(127,165,37,1) 50%, rgba(101,152,0,1) 51%, rgba(140,180,40,1) 100%);
  background-image:-o-linear-gradient(top, rgba(181,203,59,1) 0%, rgba(127,165,37,1) 50%, rgba(101,152,0,1) 51%, rgba(140,180,40,1) 100%);
  background-image:linear-gradient(top, rgba(181,203,59,1) 0%, rgba(127,165,37,1) 50%, rgba(101,152,0,1) 51%, rgba(140,180,40,1) 100%);
}

#pagination span.hidden {
  display:none;
}


.iteminside,
.itemfoot {
  display:none !important;
}
</style>
<script type="text/javascript">
var showPostDate   = false,
    showComments   = false,
    idMode         = true,
    sortByLabel    = false,
    labelSorter    = "JQuery",
    loadingText    = "Loading...",
    totalPostLabel = "Jumlah posting:",
    jumpPageLabel  = "Halaman",
    commentsLabel  = "Komentar",
    rmoreText      = "Selengkapnya &#9658;",
    prevText       = "Sebelumnya",
    nextText       = "Berikutnya",
    siteUrl        = "http://joens-tutorial.blogspot.com/",
    postsperpage   = 11,
    numchars       = 0,
    imgBlank       = "";
</script>
<script type="text/javascript" src="http://reader-download.googlecode.com/svn/trunk/blogger-archive-with-pagination.js"></script>
</body>
</html>
